<template>
  <div>
    <van-rate
      v-model="value"
      :color="color"
      :allow-half="allowHalf"
      :readonly="readonly"
      :void-icon="voidIcon"
      :size="size"
    />
  </div>
</template>

<script>
import { Rate } from "vant";
export default {
  name: "star",
  components: {
    star: Rate,
  },
  props: {
    value: {
      type: Number,
    },
    size:{
      type:String,
      default:'16px'
    },
    color: {
      type: String,
      default: "#ffd21e",
    },
    allowHalf: {
      type: Boolean,
      default: false,
    },
    readonly: {
      type: Boolean,
      default: false,
    },
    voidIcon:{
      type:String,
      default:"star"
    }
  },
};
</script>

<style lang="scss" scoped>
</style>